<template>
<div class="myAccount">
    <Form :model="formRight" label-position="right" :label-width="100">
      <FormItem label="账号">
          <Input v-model="formRight.input1"></Input>
      </FormItem>
      <FormItem label="套餐">
          <Input v-model="formRight.input2"></Input>
      </FormItem>
      <FormItem label="到期时间">
        <Input v-model="formRight.input3"></Input>
      </FormItem>
      <FormItem label="总账号数">
          <Input v-model="formRight.input3"></Input>
      </FormItem>
      <FormItem label="版本">
          <Input v-model="formRight.input3"></Input>
      </FormItem>
      <FormItem label="socks5代理IP">
          <Input v-model="formRight.input3"></Input>
      </FormItem>
      <FormItem label="socks5代理端口">
          <Input v-model="formRight.input3"></Input>
      </FormItem>
      <FormItem>
        <i-button type="primary" @click="handleSubmit('formInline')">保存自定义代理</i-button>
         <i-button type="primary" @click="handleSubmit('formInline')">保存内置代理</i-button>
      </FormItem>
      <FormItem label="点击图标的验证">
        <Input v-model="value7" type="textarea" :autosize="{minRows: 1,maxRows: 30}" placeholder="emoji图标=答案(一行一个)"></Input>
      </FormItem>
      <FormItem>
        <i-button type="primary" @click="handleSubmit('formInline')">保存图标验证</i-button>
      </FormItem>
    </Form>
</div>
</template>
<script>
export default {
    data () {
        return {
            formRight: {
                input1: '',
                input2: '',
                input3: ''
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.myAccount{
  margin: 2rem;
  width: 30rem;
}
</style>
